<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的购物车</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/shoppingcart.css">
</head>
<body>
    <header>
        <div class="logo">
          <a href="index.html"><img src="../static/images/logo.png" alt="" /></a>
          <div class="right">
            <h3>熊猫优选</h3>
            <span> XIONG MAO YOU XUAN </span>
          </div>
        </div>
        <div class="search">
          <div class="magnifier">
            <img src="../static/images/search.png" alt="shousuo" />
          </div>
          <input type="text" placeholder="搜索商品，发现更多优惠" />
          <button>搜索</button>
        </div>
        <div class="land">
          <ul>
            <li>
              <img src="../static/images/baoyou.png" alt="baoyou" />
              <span>全程包邮</span>
            </li>
            <li>
              <img src="../static/images/tuihuan.png" alt="七天退换" />
              <span>七天退换</span>
            </li>
            <li>
              <img src="../static/images/baozheng.png" alt="品质保证" />
              <span>品质保证</span>
            </li>
            <li onclick="land()">
              <img src="../static/images/zhuce.jpeg" alt="用户登录" />
              <span>退出登陆</span>
            </li>
            <li class="onland" onclick="land()">
              <img src="../static/images/land.jpg" alt="用户登录" />
              <span>登陆注册</span>
            </li>
          </ul>
        </div>
      </header>
      <nav>
        <div class="container">
          <ul>
            <li onclick="index()">首页</li>
            <li onclick="isNull()">商品详情</li>
            <li onclick="nine()">商品分类</li>
            <li style=" background-color: pink;" onclick="lookCart()">我的购物车</li>
          </ul>
        </div>
      </nav>
      <main>
        <div class="cart-list" id="product1">
            <table>
                <!-- 动态渲染内容 -->
            </table>
            <div class="total-price">结算：<span>￥0</span></div>
        </div> 
      </main>

      <footer>
        <div class="fot">
          <div class="left">
            <img src="../static/images/logo.png" alt="页脚logo" />
            <div class="footercontent">
              <h3>熊猫优选</h3>
              <p>
                年轻人网购首选<br />
                购物领劵更省钱
              </p>
            </div>
          </div>
          <div class="download">| <a href="javascript:0;">下载APP</a></div>
          <div></div>
        </div>
      </footer>
      <script src="../js/cart.js"></script>
      <script src="../js/common.js"></script>
      <script>
            let product1=new Product('#product1')
             product1.showProduct()
              product1.onProduct()
             
      </script>
</body>
</html>